<!DOCTYPE html>
<html lang="en">                                                           
  <head>                                                                                                   
    <meta charset="utf-8">                                                                                                   
    <title>Proyecto Desarrolladores                                                                                               
    </title>                                                                                                   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">                                                                                                   
    <meta name="description" content="">                                                                                                   
    <meta name="author" content="">                                                                                                   
    <!-- Le styles -->                                                                                                                      
    <link href="css/bootstrap.css" rel="stylesheet">                                                                                                   
    <style type="text/css">      body {         padding-top: 130px;         padding-bottom: 40px;       }                                                                                                    
    </style>                                                                                                   
    <link href="css/bootstrap-responsive.css" rel="stylesheet">                                                                                                   
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->                                                                                                                      
    <!--[if lt IE 9]>
                                                                                      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                                                                                    <![endif]-->                                                                                                                      
    <!-- Le fav and touch icons -->                                                                                                                      
    <link rel="shortcut icon" href="ico/favicon.ico">                                                                                                   
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">                                                                                                   
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">                                                                                                   
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">                                                                                                   
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">                                                           
  </head>                                                           
  <body>                                                                                                   
    <div class="navbar navbar-fixed-top">                                                                                                                                           
      <div class="navbar-inner">                                                                                                                                                                               
        <div class="container">                                                                                                                                                                                                            
          <a class="brand" href="#">Proyecto Bootstrap - DEW 2012</a>                                                                                                                                                                        
        </div>                                                                                                                                                                                    
        <div class="container">                                                                                                                                                                                                                                   
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">                                                                                                                                                                                                                                                                       
            <span class="icon-bar">                                                                                                                                                                                                                                                      
            </span>                                                                                                                                                                                                                                                                   
            <span class="icon-bar">                                                                                                                                                                                                                                                      
            </span>                                                                                                                                                                                                                                                                   
            <span class="icon-bar">                                                                                                                                                                                                                                                      
            </span>          </a>                                                                                                                                                                                                                                              
          <div class="nav-collapse">                                                                                                                                                                                                                                                                   
            <ul class="nav">                                                                                                                                                                                                                                                                                                           
              <li>                                                                                                                                                                                                                                                                                                      
              <a href="index.html">Bootstrap</a>                                                                                                                                                                                                                                                                                            
              </li>                                                                                                                                                                                                                                                                                                           
              <li>                                                                                                                                                                                                                                                                                                    
              <a href="adicional.html">&iquest;Por qu&eacute; usar?</a>                                                                                                                                                                                                                                                                                            
              </li>                                                                                                                                                                                                                                                                                                           
              <li class="active">                                                                                                                                                                                                                                                                                                                
                <a href="ejemplos.html">Ejemplos</a>                                                                                                                                                                                                                                                                                            
              </li>                                                                                                                                                                                                                                                                                                           
              <form class="navbar-search pull-left">                                                                                                                                                                                                                                                                                                                                                     
                <input type="text" class="search-query" placeholder="Buscar">                                                                                                                                                                                                                                                                                                           
              </form>                                                                                                                                                                                                                                                                                                    
            </ul>                                                                                                                                                                                                                                                      
            <form class="form-inline pull-right">                                                                                                                                                                                                                                                                                                   
              <input type="text" class="input-small" placeholder="Usuario">                                                                                                                                                                                                                                                                                                   
              <input type="password" class="input-small" placeholder="Contrase&ntilde;a">                                                                                                                                                                                                                                                                                                   
              <label class="checkbox">                                                                                                                                                                                                                                                                                                                                         
                <input type="checkbox"> Recordarme                                                                                                                                                                                                                                                                                                    
              </label>                                                                                                                                                                                                                                                                                                   
              <button type="submit" class="btn">Sign in                                                                                                                                                                                                                                                                                               
              </button>                                                                                                                                                                                                                                                             
            </form>                                                                                                                                                                                                                           
          </div>                                                                                                                                                                                                                
          <!--/.nav-collapse -->                                                                                                                                                                                                                    
        </div>                                                                                                                                           
      </div>                                                                                                   
    </div>                                                                                                   
    <div class="container">          	                                                                                                                                            
      <!-- Main hero unit for a primary marketing message or call to action -->                    	                                                                                                                                             
      <div class="tabbable tabs-left">                                                                                                                                  
        <ul class="nav nav-tabs">                                                                                                                                                              
          <li class="active">                                                                                                                                                           
            <a href="#tab1" data-toggle="tab"><h3>Tablas</h3></a>                                                                                                                                   
          </li>                                                                                                                                              
          <li>                                                                                                                                   
          <a href="#tab2" data-toggle="tab"><h3>Formularios</h3></a>                                                                                                                                   
          </li>                                                                                                                          
          <li>                                                                                                                                   
          <a href="#tab3" data-toggle="tab"><h3>Pastillas</h3></a>                                                                                                                                   
          </li>                                                                                                                        
          <li>                                                                                                                                   
          <a href="#tab4" data-toggle="tab"><h3>Barras</h3></a>                                                                                                                                   
          </li>                                                                                                                                                                                                                                                        
        </ul>                                                                                                                                  
        <div class="tab-content">                                                                                                                                                 
          <div class="tab-pane active" id="tab1">                                                                                                                                                
            <table class="table table-bordered">                                                                                                                                                          
              <thead>                                                                                                                                                                              
                <tr>                                                                                                                                                                                                  
                  <th>#                                                                                                                                                                                              
                  </th>                                                                                                                                                                                                  
                  <th>Nombre                                                                                                                                                                                              
                  </th>                                                                                                                                                                                             
                  <th>Apellidos                                                                                                                                                                                              
                  </th>                                                                                                                                                                                             
                  <th>Usuario                                                                                                                                                                                              
                  </th>                                                                                                                                                                                             
                  <th>Nivel                                                                                                                                                                                              
                  </th>                                                                                                                                                                              
                </tr>                                                                                                                                                          
              </thead>                                                                                                                                                          
              <tbody>                                                                                                                                                                              
                <tr>                  <td>1</td>                  <td>Jose</td>                  <td>Gutierrez</td>                  <td>jgutierrez</td>                  <td>Alumno</td>                                                                                                                                                                              
                </tr>                                                                                                                                                                         
                <tr>                  <td>2</td>                  <td>Raul</td>                  <td>Espinoza</td>                  <td>respinoza</td>                  <td>Profesor</td>                                                                                                                                                                              
                </tr>                                                                                                                                                                         
                <tr>                  <td>3</td>                  <td>Giancarlo</td>                  <td>Farfan</td>                  <td>gfarfan</td>                  <td>Administrativo</td>                                                                                                                                                                              
                </tr>                                                                                                                                                          
              </tbody>                                                                                                                                      
            </table>                                                                                                                                             
          </div>                                                                                                                                             
          <div class="tab-pane" id="tab2">                                                                                                                      
            <form class="well">                                                                                                                            
              <fieldset>                                                                                                                                 
                <div class="control-group">                                                                                                                                                 
                  <label class="control-label" for="input01">Caja de Texto                                                                                                                                     
                  </label>                                                                                                                                                 
                  <div class="controls">                                                                                                                                                                 
                    <input class="input-xlarge" id="input01" type="text">                                                                                                                                                 
                  </div>                                                                                                                                 
                </div>                                                                                                                                 
                <div class="control-group">                                                                                                                                                 
                  <label class="control-label" for="optionsCheckbox">Caja de Verificaci&oacute;n                                                                                                                                     
                  </label>                                                                                                                                                 
                  <div class="controls">                                                                                                                                                                 
                    <label class="checkbox">                                                                                                                                                                                 
                      <input id="optionsCheckbox" value="option1" type="checkbox">                                 Seleccione la casilla de verificaci&oacute;n                                                                                                                                                                  
                    </label>                                                                                                                                                 
                  </div>                                                                                                                                 
                </div>                                                                                                                                 
                <div class="control-group">                                                                                                                                                 
                  <label class="control-label" for="select01">Lista de Selecci&oacute;n                                                                                                                                     
                  </label>                                                                                                                                                 
                  <div class="controls">                                                                                                                                                                 
                    <select id="select01">                                                                                                                                                                                 
                      <option>Opcion 1                                                                                                                                                                 
                      </option>                                                                                                                                                                                 
                      <option>Opcion 2                                                                                                                                                                 
                      </option>                                                                                                                                                                                 
                      <option>Opcion 3                                                                                                                                                                 
                      </option>                                                                                                                                                                                 
                      <option>Opcion 4                                                                                                                                                                 
                      </option>                                                                                                                                                                                 
                      <option>Opcion 5                                                                                                                                                                 
                      </option>                                                                                                                                                                 
                    </select>                                                                                                                                                 
                  </div>                                                                                                                                 
                </div>                                                                                                                                 
                <div class="control-group">                                                                                                                                                 
                  <label class="control-label" for="multiSelect">Multiple Selecci&oacute;n                                                                                                                                     
                  </label>                                                                                                                                                 
                  <div class="controls">                                                                                                                                                                 
                    <select multiple="multiple" id="multiSelect">                                                                                                                                                                                 
                      <option>1                                                                                                                                                                 
                      </option>                                                                                                                                                                                 
                      <option>2                                                                                                                                                                 
                      </option>                                                                                                                                                                                 
                      <option>3                                                                                                                                                                 
                      </option>                                                                                                                                                                                 
                      <option>4                                                                                                                                                                 
                      </option>                                                                                                                                                                                 
                      <option>5                                                                                                                                                                 
                      </option>                                                                                                                                                                 
                    </select>                                                                                                                                                 
                  </div>                                                                                                                                 
                </div>                                                                                                                                 
                <div class="control-group">                                                                                                                                                 
                  <label class="control-label" for="fileInput">Entrada de Archivo                                                                                                                                     
                  </label>                                                                                                                                                 
                  <div class="controls">                                                                                                                                                                 
                    <input class="input-file" id="fileInput" type="file">                                                                                                                                                 
                  </div>                                                                                                                                 
                </div>                                                                                                                                 
                <div class="control-group">                                                                                                                                                 
                  <label class="control-label" for="textarea">Area de Texto                                                                                                                                     
                  </label>                                                                                                                                                 
                  <div class="controls">                                                               
<textarea class="input-xlarge" id="textarea" rows="3"></textarea>                                                                                                                                                        
                  </div>                                                                                                                                 
                </div>                                                                                                                                 
                <div class="form-actions">                                                                                                                                                 
                  <button type="submit" class="btn btn-primary">Guardar Cambios                                                                                                                                     
                  </button>                                                                                                                                                 
                  <button class="btn">Cancelar                                                                                                                                     
                  </button>                                                                                                                                 
                </div>                                                                                                                 
              </fieldset>                                                                                                            
            </form>                                                                                                                                   
          </div>                                                                                                                        
          <div class="tab-pane" id="tab3">                                                                               
            <ul class="nav nav-pills">                                                                               
              <li class="active">                                                                                         
                <a href="#">Enlace 1</a>                                                                               
              </li>                                                                               
              <li>                                                                          
              <a href="#">Enlace 2</a>                                                                          
              </li>                                                                               
              <li>                                                                          
              <a href="#">Enlace 3</a>                                                                          
              </li>                                                             
              <li>                                                                          
              <a href="#">Enlace 4</a>                                                                          
              </li>                
              <li class="dropdown">                     
                <a class="dropdown-toggle"     data-toggle="dropdown"     href="#">  Desplegable                        
                  <b class="caret"></b>  </a>                     
                <ul class="dropdown-menu">                       
                  <li class="active">                                                                                         
                    <a href="#">Enlace 1</a>                                                                               
                  </li>                                                                               
                  <li>                                                                          
                  <a href="#">Enlace 2</a>                                                                          
              </li>                                                                               
              <li>                                                                          
              <a href="#">Enlace 3</a>                                                                          
              </li>                                                             
              <li>                                                                          
              <a href="#">Enlace 4</a>                                                                          
              </li>                   
            </ul>                   
            </li>                                                                   
            </ul>                                                   
            <hr>                                                       
            <ul class="nav nav-pills nav-stacked">                                          
              <li class="active">                                                                                         
                <a href="#">Enlace 1</a>                                                                               
              </li>                                                                               
              <li>                                                                          
              <a href="#">Enlace 2</a>                                                                          
              </li>                                                                               
              <li>                                                                          
              <a href="#">Enlace 3</a>                                                                          
              </li>                                                             
              <li>                                                                          
              <a href="#">Enlace 4</a>                                                                          
              </li>                                            
            </ul>            
            <hr>                
            <ul class="nav nav-list">                                                                                                                                             
          </div>                                                                                                                        
          <div class="tab-pane" id="tab4">          
          <h4>Barra de progreso basica.</h4>     
            <div class="progress">    
              <div class="bar"     style="width: 60%;">
              </div>    
            </div>
            <hr>
            <h4>Usa un gradiente de rayas para crear un efecto de rayas (no IE).</h4>     
            <div class="progress progress-striped">    
              <div class="bar"     style="width: 20%;">
              </div>    
            </div>
            <hr>
            <h4>Animaci&oacute;n Toma el ejemplo de rayas y anima (no IE).</h4>     
            <div class="progress progress-striped     active">    
              <div class="bar"     style="width: 40%;">
              </div>    
            </div>                                                                                                                                                        
          </div>                                                                                                                                                                                                                                                        
        </div>                                                                                                           
      </div>                                                                                                                                              
    </div>                                                                                                                 
    <!-- Le javascript
                                                                                    ================================================== -->                                                                                                                       
    <!-- Placed at the end of the document so the pages load faster -->                                           
<script src="js/jquery.js"></script>                                           
<script src="js/bootstrap-transition.js"></script>                                           
<script src="js/bootstrap-alert.js"></script>                                           
<script src="js/bootstrap-modal.js"></script>                                           
<script src="js/bootstrap-dropdown.js"></script>                                           
<script src="js/bootstrap-scrollspy.js"></script>                                           
<script src="js/bootstrap-tab.js"></script>                                           
<script src="js/bootstrap-tooltip.js"></script>                                           
<script src="js/bootstrap-popover.js"></script>                                           
<script src="js/bootstrap-button.js"></script>                                           
<script src="js/bootstrap-collapse.js"></script>                                           
<script src="js/bootstrap-carousel.js"></script>                                           
<script src="js/bootstrap-typeahead.js"></script>                                                                               
  </body>
</html>